<template>
  <view class="order-list">
    <view v-for="(item,index) in data" :key="index" class="order-list-item">
      <OrderCard :data="item" :type="type" />
    </view>
  </view>
</template>

<script>
import OrderCard from "../../../components/public/OrderCard/index.vue";
export default {
  components: { OrderCard },
  props: {
    data: {
      type: Array,
      default: () => []
    },
    type: {
      type: String,
      default() {
        return "delviery";
      }
    }
  },
  data() {
    return {
      list: [],
      scrollTopValue: 0
    };
  },
  methods: {
    request() {},
    onScroll() {}
  },
  onLoad() {
    this.refresh();
  }
};
</script>

<style scoped lang="scss">
.order-list {
  .order-list-item {
    margin-top: 30rpx;
    // &:last-child {
    //   margin-top: 0;
    // }
  }
}
</style>
